<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>优居热评</title>
    <link rel="stylesheet" href="css/jquery.fullPage.css">
    <link rel="stylesheet" href="css/style.css" />
    <script src="js/jquery-1.8.3.min.js"></script>
</head>
<body>

<div class="content-box">

    <div class="head">
        <div class="visual-box">
            <div class="head-left clearfloat">
                <div class="head-logo">
                    <img src="img/logo.png" />
                </div>
                <div class="head-tel">
                    蓝光优居热线
                    <span>
                    400-8888-116
                </span>
                </div>

                <ul class="head-right">
                    <li class="click-login">
                        <i class="icon-1"></i>登录
                        <label></label>
                    </li>
                    <li class="click-register">
                        <i class="icon-2"></i>注册
                        <label></label>
                    </li>
                    <li>
                        <i class="icon-3"></i>设计师登录
                        <label></label>
                    </li>
                    <li class="top-qr-li">
                        <i class="icon-4"></i>微信公众号
                        <label></label>
                        <div class="top-qr">
                            <div class="top-qr-box">
                                <img src="img/qr.jpg" />
                                <p>
                                    悠生活U-life
                                </p>
                                <i></i>
                            </div>
                        </div>
                    </li>
                    <li>
                        <i class="icon-5"></i>样板间地图
                    </li>
                </ul>
            </div>
        </div>
        <div class="nav-bg">
            <div class="visual-box">
                <ul class="nav">
                    <li>
                        <a href="index.html">首页</a>
                    </li>
                    <li>
                        <a href="customized.html">全屋定制</a>
                    </li>
                    <li>
                        <a href="sheji.html">设计+</a>
                    </li>
                    <li>
                        <a href="fengshui_info_list.htm">居家风水</a>
                    </li>
                    <li>
                        <a href="#">家居金融</a>
                    </li>
                    <li>
                        <a href="comment.html" class="active">优居热评</a>
                    </li>
                    <li>
                        <a href="#">品质检测</a>
                    </li>
                    <li>
                        <a href="shop_index.html">悠生活商城</a>
                    </li>
                    <li>
                        <a href="complaint.html">红邮箱投诉</a>
                    </li>
                    <li class="nav-last-list">
                        已服务<span>012354</span>位业主
                    </li>
                </ul>
            </div>
        </div>
    </div>



    <div class="visual-box">
        <div class="comment-banner">
            <img src="img/comment-banner.jpg" />
            <div class="series">
                <a href="#" class="active">
                    <span>栖<i></i></span>
                </a>
                <a href="#">
                    <span>心<i></i></span>
                </a>
                <a href="#">
                    <span>尊<i></i></span>
                </a>
                <a href="#" class="">
                    <span>臻<i></i></span>
                </a>
            </div>
        </div>
        <ul class="comment-box">
            <li>
                <h2>
                    <i></i>大家都写到
                </h2>
                <div class="comment-label">
                    <label>
                        设计专业（988）
                    </label>
                    <label>
                        工期快（1115）
                    </label>
                    <label>
                        服务好（1568）
                    </label>
                    <label>
                        施工工艺好（1121）
                    </label>
                    <label>
                        大品牌主材（1564）
                    </label>
                </div>
            </li>
            <li class="clearfloat list-li">
                <div class="list-pic">
                    <img src="img/list-pic-1.png" />
                    <p>
                        萧大人
                    </p>
                </div>
                <div class="list-right-box">
                    <span class="rating">
                        <font>施工：4.9</font><i></i><i></i><i></i><i></i>
                    </span>
                    <span class="rating">
                        <font>服务：5.0</font><i></i><i></i><i></i><i></i>
                    </span>
                    <span class="rating">
                        <font>设计：5.0</font><i></i><i></i><i></i><i></i>
                    </span>
                    <time>
                        2018-01-28
                    </time>
                    <p>
                        总体来讲真的是非常好的，也一定程度上达到了我想要的效果，因为一直对自己想要的家还是有大概方向的，只是脑海比较空洞，设计师帮我做完图之后就更加具体了，中途我们也有共同交流，非常不错!
                    </p>
                    <div class="list-address">
                        <i></i>
                        <label>
                            蓝光金楠国际
                        </label>简欧风格
                    </div>
                </div>
            </li>

            <li class="clearfloat list-li">
                <div class="list-pic">
                    <img src="img/list-pic-1.png" />
                    <p>
                        萧大人
                    </p>
                </div>
                <div class="list-right-box">
                    <span class="rating">
                        <font>施工：4.9</font><i></i><i></i><i></i><i></i>
                    </span>
                    <span class="rating">
                        <font>服务：5.0</font><i></i><i></i><i></i><i></i>
                    </span>
                    <span class="rating">
                        <font>设计：5.0</font><i></i><i></i><i></i><i></i>
                    </span>
                    <time>
                        2018-01-28
                    </time>
                    <p>
                        总体来讲真的是非常好的，也一定程度上达到了我想要的效果，因为一直对自己想要的家还是有大概方向的，只是脑海比较空洞，设计师帮我做完图之后就更加具体了，中途我们也有共同交流，非常不错!
                    </p>
                    <div class="list-address">
                        <i></i>
                        <label>
                            蓝光金楠国际
                        </label>简欧风格
                    </div>
                </div>
            </li>

            <li class="clearfloat list-li">
                <div class="list-pic">
                    <img src="img/list-pic-1.png" />
                    <p>
                        萧大人
                    </p>
                </div>
                <div class="list-right-box">
                    <span class="rating">
                        <font>施工：4.9</font><i></i><i></i><i></i><i></i>
                    </span>
                    <span class="rating">
                        <font>服务：5.0</font><i></i><i></i><i></i><i></i>
                    </span>
                    <span class="rating">
                        <font>设计：5.0</font><i></i><i></i><i></i><i></i>
                    </span>
                    <time>
                        2018-01-28
                    </time>
                    <p>
                        总体来讲真的是非常好的，也一定程度上达到了我想要的效果，因为一直对自己想要的家还是有大概方向的，只是脑海比较空洞，设计师帮我做完图之后就更加具体了，中途我们也有共同交流，非常不错!
                    </p>
                    <div class="list-address">
                        <i></i>
                        <label>
                            蓝光金楠国际
                        </label>简欧风格
                    </div>
                </div>
            </li>

            <li class="clearfloat list-li">
                <div class="list-pic">
                    <img src="img/list-pic-1.png" />
                    <p>
                        萧大人
                    </p>
                </div>
                <div class="list-right-box">
                    <span class="rating">
                        <font>施工：4.9</font><i></i><i></i><i></i><i></i>
                    </span>
                    <span class="rating">
                        <font>服务：5.0</font><i></i><i></i><i></i><i></i>
                    </span>
                    <span class="rating">
                        <font>设计：5.0</font><i></i><i></i><i></i><i></i>
                    </span>
                    <time>
                        2018-01-28
                    </time>
                    <p>
                        总体来讲真的是非常好的，也一定程度上达到了我想要的效果，因为一直对自己想要的家还是有大概方向的，只是脑海比较空洞，设计师帮我做完图之后就更加具体了，中途我们也有共同交流，非常不错!
                    </p>
                    <div class="list-address">
                        <i></i>
                        <label>
                            蓝光金楠国际
                        </label>简欧风格
                    </div>
                </div>
            </li>

            <li class="clearfloat list-li">
                <div class="list-pic">
                    <img src="img/list-pic-1.png" />
                    <p>
                        萧大人
                    </p>
                </div>
                <div class="list-right-box">
                    <span class="rating">
                        <font>施工：4.9</font><i></i><i></i><i></i><i></i>
                    </span>
                    <span class="rating">
                        <font>服务：5.0</font><i></i><i></i><i></i><i></i>
                    </span>
                    <span class="rating">
                        <font>设计：5.0</font><i></i><i></i><i></i><i></i>
                    </span>
                    <time>
                        2018-01-28
                    </time>
                    <p>
                        总体来讲真的是非常好的，也一定程度上达到了我想要的效果，因为一直对自己想要的家还是有大概方向的，只是脑海比较空洞，设计师帮我做完图之后就更加具体了，中途我们也有共同交流，非常不错!
                    </p>
                    <div class="list-address">
                        <i></i>
                        <label>
                            蓝光金楠国际
                        </label>简欧风格
                    </div>
                </div>
            </li>

            <li class="clearfloat list-li">
                <div class="list-pic">
                    <img src="img/list-pic-1.png" />
                    <p>
                        萧大人
                    </p>
                </div>
                <div class="list-right-box">
                    <span class="rating">
                        <font>施工：4.9</font><i></i><i></i><i></i><i></i>
                    </span>
                    <span class="rating">
                        <font>服务：5.0</font><i></i><i></i><i></i><i></i>
                    </span>
                    <span class="rating">
                        <font>设计：5.0</font><i></i><i></i><i></i><i></i>
                    </span>
                    <time>
                        2018-01-28
                    </time>
                    <p>
                        总体来讲真的是非常好的，也一定程度上达到了我想要的效果，因为一直对自己想要的家还是有大概方向的，只是脑海比较空洞，设计师帮我做完图之后就更加具体了，中途我们也有共同交流，非常不错!
                    </p>
                    <div class="list-address">
                        <i></i>
                        <label>
                            蓝光金楠国际
                        </label>简欧风格
                    </div>
                </div>
            </li>

            <li class="clearfloat list-li">
                <div class="list-pic">
                    <img src="img/list-pic-1.png" />
                    <p>
                        萧大人
                    </p>
                </div>
                <div class="list-right-box">
                    <span class="rating">
                        <font>施工：4.9</font><i></i><i></i><i></i><i></i>
                    </span>
                    <span class="rating">
                        <font>服务：5.0</font><i></i><i></i><i></i><i></i>
                    </span>
                    <span class="rating">
                        <font>设计：5.0</font><i></i><i></i><i></i><i></i>
                    </span>
                    <time>
                        2018-01-28
                    </time>
                    <p>
                        总体来讲真的是非常好的，也一定程度上达到了我想要的效果，因为一直对自己想要的家还是有大概方向的，只是脑海比较空洞，设计师帮我做完图之后就更加具体了，中途我们也有共同交流，非常不错!
                    </p>
                    <div class="list-address">
                        <i></i>
                        <label>
                            蓝光金楠国际
                        </label>简欧风格
                    </div>
                </div>
            </li>

            <li class="clearfloat list-li">
                <div class="list-pic">
                    <img src="img/list-pic-1.png" />
                    <p>
                        萧大人
                    </p>
                </div>
                <div class="list-right-box">
                    <span class="rating">
                        <font>施工：4.9</font><i></i><i></i><i></i><i></i>
                    </span>
                    <span class="rating">
                        <font>服务：5.0</font><i></i><i></i><i></i><i></i>
                    </span>
                    <span class="rating">
                        <font>设计：5.0</font><i></i><i></i><i></i><i></i>
                    </span>
                    <time>
                        2018-01-28
                    </time>
                    <p>
                        总体来讲真的是非常好的，也一定程度上达到了我想要的效果，因为一直对自己想要的家还是有大概方向的，只是脑海比较空洞，设计师帮我做完图之后就更加具体了，中途我们也有共同交流，非常不错!
                    </p>
                    <div class="list-address">
                        <i></i>
                        <label>
                            蓝光金楠国际
                        </label>简欧风格
                    </div>
                </div>
            </li>
        </ul>
        <div class="comment-page">
            <a href="#" class="jinyong-bt">
                上一页
            </a>
            <a href="#" class="comment_active">
                1
            </a>
            <a href="#">
                2
            </a>
            ...
            <a href="#">
                10
            </a>
            <a href="#">
                下一页
            </a>

        </div>

    </div>


    <div class="footer">
        <div class="visual-box clearfloat">
            <div class="footer-left clearfloat">
                <div class="footer-left-list">
                    <dl>
                        <dt>
                            品牌实力
                        </dt>
                        <dd>
                            <a href="#">品牌介绍</a>
                        </dd>
                        <dd>
                            <a href="#">企业文化</a>
                        </dd>
                        <dd>
                            <a href="#">全国布局</a>
                        </dd>
                    </dl>
                </div>
                <div class="footer-left-list">
                    <dl>
                        <dt>
                            V8生活家
                        </dt>
                        <dd>
                            <a href="#">硬包装</a>
                        </dd>
                        <dd>
                            <a href="#">软包装</a>
                        </dd>
                        <dd>
                            <a href="#">智能家居</a>
                        </dd>
                        <dd>
                            <a href="#">家庭园艺</a>
                        </dd>
                    </dl>
                </div>
                <div class="footer-left-list">
                    <dl>
                        <dt>
                            产品服务
                        </dt>
                        <dd>
                            <a href="#">高端定制服务</a>
                        </dd>
                        <dd>
                            <a href="#">服务理念</a>
                        </dd>
                        <dd>
                            <a href="#">设计名家</a>
                        </dd>
                        <dd>
                            <a href="#">预定装修</a>
                        </dd>
                    </dl>
                </div>
                <div class="footer-left-list">
                    <dl>
                        <dt>
                            产品优势
                        </dt>
                        <dd>
                            <a href="#">六大优势</a>
                        </dd>
                        <dd>
                            <a href="#">品牌合作伙伴</a>
                        </dd>

                    </dl>
                </div>
                <div class="footer-left-list">
                    <dl>
                        <dt>
                            联系我们
                        </dt>
                        <dd>
                            <a href="#">联系方式</a>
                        </dd>
                        <dd>
                            <a href="#">在线咨询</a>
                        </dd>

                    </dl>
                </div>
            </div>
            <div class="footer-right">
                <div class="service-list">
                    <p>
                        全国客户服务热线
                    </p>
                    <div>
                        028-8780-1675
                    </div>
                    <i></i>
                </div>
                <div class="email">
                    邮编：611731
                </div>
                <div class="email">
                    地址：中国    成都    高新西区    新创路2号附10号
                </div>
                <div class="copyright">
                    ©2017 WWW.BRC-BEEI.COM ALL RIGHTS RESERVED
                </div>
                <div class="qr-box">
                    <img src="img/qr.jpg" />
                    <p>
                        关注蓝光官方微信
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>



<div class="search-results" id="huxing">
    <div class="search-results-mask"></div>
    <div class="results-wrapper">
        <a class="search-return" href="javascript:;">×</a>
        <div class="j-temp-container">
            <div class="search-panel">
                <h1>户型搜索</h1>
                <div class="search-wrap">
                    <div class="search-form clearfloat">
                        <div class="sel-city fl filter-item">
                            <a href="javascript:;" class="city j_city fl tc"><span data-token="china">成都</span><i class="icon-sel-city border-arrow"></i></a>
                            <div class="j_pop-up box-shadow">
                                <div class="pop-hd">当前定位到：<span class="cur-city">成都</span></div>
                                <ul class="zxcity clearfloat">
                                    <li class="item" data-id="0" data-token="china"><span>全国</span></li>
                                    <li class="item" data-id="1" data-token="beijing"><span>北京</span></li>
                                    <li class="item" data-id="9" data-token="shanghai"><span>上海</span></li>
                                    <li class="item" data-id="22" data-token="chongqing"><span>重庆</span></li>
                                    <li class="item" data-id="2" data-token="tianjin"><span>天津</span></li>
                                </ul>
                                <ul class="province clearfloat">
                                    <li class="item p-item" data-id="19"><span>广东</span></li>
                                    <li class="item p-item" data-id="10"><span>江苏</span></li>
                                    <li class="item p-item" data-id="11"><span>浙江</span></li>
                                    <li class="item p-item" data-id="15"><span>山东</span></li>
                                    <li class="item p-item" data-id="3"><span>河北</span></li>
                                    <li class="item p-item" data-id="16"><span>河南</span></li>
                                    <li class="sub-items fl" style="display: none;">
                                        <ul></ul>
                                    </li>
                                    <li class="item p-item" data-id="13"><span>福建</span></li>
                                    <li class="item p-item" data-id="17"><span>湖北</span></li>
                                    <li class="item p-item" data-id="23"><span class="active">四川</span></li>
                                    <li class="item p-item" data-id="6"><span>辽宁</span></li>
                                    <li class="item p-item" data-id="18"><span>湖南</span></li>
                                    <li class="item p-item" data-id="12"><span>安徽</span></li>
                                    <li class="sub-items fl" style="display: list-item;">
                                        <ul>
                                            <li class="item" data-id="23" data-pid="23" data-token="sichuan"><span class="">全部</span></li>
                                            <li class="item" data-id="385" data-pid="23" data-token="chengdu"><span class="active">成都</span></li>
                                            <li class="item" data-id="386" data-pid="23" data-token="zigong"><span class="">自贡</span></li>
                                            <li class="item" data-id="387" data-pid="23" data-token="pzh"><span class="">攀枝花</span></li>
                                            <li class="item" data-id="388" data-pid="23" data-token="luzhou"><span class="">泸州</span></li>
                                            <li class="item" data-id="389" data-pid="23" data-token="deyang"><span class="">德阳</span></li>
                                            <li class="item" data-id="390" data-pid="23" data-token="mianyang"><span class="">绵阳</span></li>
                                            <li class="item" data-id="391" data-pid="23" data-token="guangy"><span class="">广元</span></li>
                                            <li class="item" data-id="392" data-pid="23" data-token="suining"><span class="">遂宁</span></li>
                                            <li class="item" data-id="393" data-pid="23" data-token="neijiang"><span class="">内江</span></li>
                                            <li class="item" data-id="394" data-pid="23" data-token="leshan"><span class="">乐山</span></li>
                                            <li class="item" data-id="395" data-pid="23" data-token="nanchong"><span class="">南充</span></li>
                                            <li class="item" data-id="396" data-pid="23" data-token="meishan"><span class="">眉山</span></li>
                                            <li class="item" data-id="397" data-pid="23" data-token="yibin"><span class="">宜宾</span></li>
                                            <li class="item" data-id="398" data-pid="23" data-token="guangan"><span class="">广安</span></li>
                                            <li class="item" data-id="399" data-pid="23" data-token="dazhou"><span class="">达州</span></li>
                                            <li class="item" data-id="400" data-pid="23" data-token="yaan"><span class="">雅安</span></li>
                                            <li class="item" data-id="401" data-pid="23" data-token="bazhong"><span class="">巴中</span></li>
                                            <li class="item" data-id="402" data-pid="23" data-token="ziyang"><span class="">资阳</span></li>
                                            <li class="item" data-id="403" data-pid="23" data-token="aba"><span class="">阿坝</span></li>
                                            <li class="item" data-id="404" data-pid="23" data-token="ganzi"><span class="">甘孜</span></li>
                                            <li class="item" data-id="405" data-pid="23" data-token="liangsh"><span class="">凉山</span></li>
                                        </ul>
                                    </li>
                                    <li class="item p-item" data-id="27"><span>陕西</span></li>
                                    <li class="item p-item" data-id="20"><span>广西</span></li>
                                    <li class="item p-item" data-id="4"><span>山西</span></li>
                                    <li class="item p-item" data-id="8"><span>黑龙江</span></li>
                                    <li class="item p-item" data-id="14"><span>江西</span></li>
                                    <li class="item p-item" data-id="7"><span>吉林</span></li>
                                    <li class="sub-items fl" style="display: none;">
                                        <ul></ul>
                                    </li>
                                    <li class="item p-item" data-id="24"><span>贵州</span></li>
                                    <li class="item p-item" data-id="5"><span>内蒙古</span></li>
                                    <li class="item p-item" data-id="31"><span>新疆</span></li>
                                    <li class="item p-item" data-id="25"><span>云南</span></li>
                                    <li class="item p-item" data-id="28"><span>甘肃</span></li>
                                    <li class="item p-item" data-id="21"><span>海南</span></li>
                                    <li class="sub-items fl" style="display: none;">
                                        <ul></ul>
                                    </li>
                                    <li class="item p-item" data-id="30"><span>宁夏</span></li>
                                    <li class="item p-item" data-id="33"><span>香港</span></li>
                                    <li class="item p-item" data-id="29"><span>青海</span></li>
                                    <li class="item p-item" data-id="32"><span>台湾</span></li>
                                    <li class="item p-item" data-id="26"><span>西藏</span></li>
                                    <li class="item p-item" data-id="34"><span>澳门</span></li>
                                    <li class="sub-items fl" style="display: none;">
                                        <ul></ul>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="search fl">
                            <input class="j_FpSearchQuery field fl" type="text" placeholder="输入楼盘名/小区" value="">
                            <a href="javascript:;" class="btn btn-sub btn-fp-search fl fs14 j-jump-to-result"><span class="iconfont icon-search"></span>搜索</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<div class="search-results" id="loupan">
    <div class="search-results-mask"></div>
    <div class="results-wrapper">
        <a class="search-return" href="javascript:;">×</a>
        <div class="j-temp-container">
            <div class="reside-top-wrapper">
                <div class="reside-top">
                    <div class="top-bd clearfloat">
                        <div class="search-wrap clearfloat">
                            <div class="sel-city fl filter-item">
                                <a href="javascript:;" class="city j_city fl tc"><span data-token="china">成都</span><i class="icon-sel-city border-arrow"></i></a>
                                <div class="j_pop-up box-shadow" style="display: none;"><div class="pop-hd">当前定位到：<span class="cur-city">成都</span></div><ul class="zxcity clearfloat"><li class="item" data-id="0" data-token="china"><span>全国</span></li><li class="item" data-id="1" data-token="beijing"><span>北京</span></li><li class="item" data-id="9" data-token="shanghai"><span>上海</span></li><li class="item" data-id="22" data-token="chongqing"><span>重庆</span></li><li class="item" data-id="2" data-token="tianjin"><span>天津</span></li></ul><ul class="province clearfix"><li class="item p-item" data-id="19"><span>广东</span></li><li class="item p-item" data-id="10"><span>江苏</span></li><li class="item p-item" data-id="11"><span>浙江</span></li><li class="item p-item" data-id="15"><span>山东</span></li><li class="item p-item" data-id="3"><span>河北</span></li><li class="item p-item" data-id="16"><span>河南</span></li><li class="sub-items fl" style="display: none;"><ul></ul></li><li class="item p-item" data-id="13"><span>福建</span></li><li class="item p-item" data-id="17"><span>湖北</span></li><li class="item p-item" data-id="23"><span class="active">四川</span></li><li class="item p-item" data-id="6"><span>辽宁</span></li><li class="item p-item" data-id="18"><span>湖南</span></li><li class="item p-item" data-id="12"><span>安徽</span></li><li class="sub-items fl" style="display: list-item;"><ul><li class="item" data-id="23" data-pid="23" data-token="sichuan"><span class="">全部</span></li><li class="item" data-id="385" data-pid="23" data-token="chengdu"><span class="active">成都</span></li><li class="item" data-id="386" data-pid="23" data-token="zigong"><span class="">自贡</span></li><li class="item" data-id="387" data-pid="23" data-token="pzh"><span class="">攀枝花</span></li><li class="item" data-id="388" data-pid="23" data-token="luzhou"><span class="">泸州</span></li><li class="item" data-id="389" data-pid="23" data-token="deyang"><span class="">德阳</span></li><li class="item" data-id="390" data-pid="23" data-token="mianyang"><span class="">绵阳</span></li><li class="item" data-id="391" data-pid="23" data-token="guangy"><span class="">广元</span></li><li class="item" data-id="392" data-pid="23" data-token="suining"><span class="">遂宁</span></li><li class="item" data-id="393" data-pid="23" data-token="neijiang"><span class="">内江</span></li><li class="item" data-id="394" data-pid="23" data-token="leshan"><span class="">乐山</span></li><li class="item" data-id="395" data-pid="23" data-token="nanchong"><span class="">南充</span></li><li class="item" data-id="396" data-pid="23" data-token="meishan"><span class="">眉山</span></li><li class="item" data-id="397" data-pid="23" data-token="yibin"><span class="">宜宾</span></li><li class="item" data-id="398" data-pid="23" data-token="guangan"><span class="">广安</span></li><li class="item" data-id="399" data-pid="23" data-token="dazhou"><span class="">达州</span></li><li class="item" data-id="400" data-pid="23" data-token="yaan"><span class="">雅安</span></li><li class="item" data-id="401" data-pid="23" data-token="bazhong"><span class="">巴中</span></li><li class="item" data-id="402" data-pid="23" data-token="ziyang"><span class="">资阳</span></li><li class="item" data-id="403" data-pid="23" data-token="aba"><span class="">阿坝</span></li><li class="item" data-id="404" data-pid="23" data-token="ganzi"><span class="">甘孜</span></li><li class="item" data-id="405" data-pid="23" data-token="liangsh"><span class="">凉山</span></li></ul></li><li class="item p-item" data-id="27"><span>陕西</span></li><li class="item p-item" data-id="20"><span>广西</span></li><li class="item p-item" data-id="4"><span>山西</span></li><li class="item p-item" data-id="8"><span>黑龙江</span></li><li class="item p-item" data-id="14"><span>江西</span></li><li class="item p-item" data-id="7"><span>吉林</span></li><li class="sub-items fl" style="display: none;"><ul></ul></li><li class="item p-item" data-id="24"><span>贵州</span></li><li class="item p-item" data-id="5"><span>内蒙古</span></li><li class="item p-item" data-id="31"><span>新疆</span></li><li class="item p-item" data-id="25"><span>云南</span></li><li class="item p-item" data-id="28"><span>甘肃</span></li><li class="item p-item" data-id="21"><span>海南</span></li><li class="sub-items fl" style="display: none;"><ul></ul></li><li class="item p-item" data-id="30"><span>宁夏</span></li><li class="item p-item" data-id="33"><span>香港</span></li><li class="item p-item" data-id="29"><span>青海</span></li><li class="item p-item" data-id="32"><span>台湾</span></li><li class="item p-item" data-id="26"><span>西藏</span></li><li class="item p-item" data-id="34"><span>澳门</span></li><li class="sub-items fl" style="display: none;"><ul></ul></li></ul></div></div>
                            <div class="search fl">
                                <input class="j_FpSearchQuery field fl" type="text" placeholder="输入楼盘名/小区" value="">
                                <a href="javascript:;" class="btn btn-sub btn-fp-search fl fs14 j_search-btn bt-hover"><span class="iconfont icon-search"></span>搜索</a>
                            </div>
                            <div class="desc fl">为您找到<span class="num">199</span>张符合要求的户型图</div>
                        </div>

                        <!--
                        <div class="fr-search-maybe clearfix mt10 fs14">
                                <div class="fl J_suggestKey"></div>
                        </div>
                        -->
                    </div>
                </div>
            </div>
            <div class="bd">
                <div class="fp-search-list">
                    <div class="hx-list-wrapper custom-scrollbar-light">
                        <div class="hx-list">
                            <div class="hx-item" href="javascript:;" data-planid="3FO4JCG1O8F1" data-planname="中德英伦联邦" data-index="0">
                                <div class="photo"><img src="https://qhyxpicoss.kujiale.com/fpimgnew/2017/02/LCZJ2MYKAEDGUAPEAAAAABA8_800x800.jpg@!480w"></div>
                                <div class="info">
                                    <div class="info-desc"><span>165㎡</span><span class="ml10">四居</span><span class="src-type j-src-type public">公用</span></div>
                                    <div class="area-desc ell"><i class="iconfont icon-addr"></i>四川 成都<span class="ml10">中德英伦联邦</span></div>
                                </div>
                                <div class="hx-mask"></div>
                            </div>

                            <div class="hx-item" href="javascript:;" data-planid="3FO4JY9W1UA7" data-planname="中德英伦联邦" data-index="1">
                                <div class="photo"><img src="https://qhyxpicoss.kujiale.com/fpimgnew/2016/07/K6DCBSQKAEDGUFDEAAAAABY8_800x800.jpg@!480w"></div>
                                <div class="info">
                                    <div class="info-desc"><span>133㎡</span><span class="ml10">三居</span><span class="src-type j-src-type public">公用</span></div>
                                    <div class="area-desc ell"><i class="iconfont icon-addr"></i>四川 成都<span class="ml10">中德英伦联邦</span></div>
                                </div>
                                <div class="hx-mask"></div>
                            </div>

                            <div class="hx-item" href="javascript:;" data-planid="3FO4JY0VQ45P" data-planname="中德英伦联邦" data-index="2">
                                <div class="photo"><img src="https://qhyxpicoss.kujiale.com/fpimgnew/2016/07/K56JP7AKAEDGUVOCAAAAABY8_800x800.jpg@!480w"></div>
                                <div class="info">
                                    <div class="info-desc"><span>93㎡</span><span class="ml10">三居</span><span class="src-type j-src-type public">公用</span></div>
                                    <div class="area-desc ell"><i class="iconfont icon-addr"></i>四川 成都<span class="ml10">中德英伦联邦</span></div>
                                </div>
                                <div class="hx-mask"></div>
                            </div>

                            <div class="hx-item" href="javascript:;" data-planid="3FO4JU9YY3WV" data-planname="中德英伦联邦" data-index="3">
                                <div class="photo"><img src="https://qhyxpicoss.kujiale.com/fpimgnew/2016/06/14/K5P3AZIK7PZVEMM2AAAAADI82852633reside_400x400.jpg@!480w"></div>
                                <div class="info">
                                    <div class="info-desc"><span>119㎡</span><span class="ml10">三居</span><span class="src-type j-src-type public">公用</span></div>
                                    <div class="area-desc ell"><i class="iconfont icon-addr"></i>四川 成都<span class="ml10">中德英伦联邦</span></div>
                                </div>
                                <div class="hx-mask"></div>
                            </div>

                            <div class="hx-item" href="javascript:;" data-planid="3FO4JU9YBD53" data-planname="中德英伦联邦" data-index="4">
                                <div class="photo"><img src="https://qhyxpicoss.kujiale.com/fpimgnew/2016/06/14/K5P2GNIK7PZCCZRWAAAAAEA81724655reside_400x400.jpg@!480w"></div>
                                <div class="info">
                                    <div class="info-desc"><span>130㎡</span><span class="ml10">四居</span><span class="src-type j-src-type public">公用</span></div>
                                    <div class="area-desc ell"><i class="iconfont icon-addr"></i>四川 成都<span class="ml10">中德英伦联邦</span></div>
                                </div>
                                <div class="hx-mask"></div>
                            </div>

                            <div class="hx-item" href="javascript:;" data-planid="3FO4JU9YEIH1" data-planname="中德英伦联邦" data-index="5">
                                <div class="photo"><img src="https://qhyxpicoss.kujiale.com/fpimgnew/2016/06/16/K5RKZ6IK7PZCC2XAAAAAADQ82927260reside_400x400.jpg@!480w"></div>
                                <div class="info">
                                    <div class="info-desc"><span>141㎡</span><span class="ml10">四居</span><span class="src-type j-src-type public">公用</span></div>
                                    <div class="area-desc ell"><i class="iconfont icon-addr"></i>四川 成都<span class="ml10">中德英伦联邦</span></div>
                                </div>
                                <div class="hx-mask"></div>
                            </div>

                            <div class="hx-item" href="javascript:;" data-planid="3FO4JGXYJEC3" data-planname="中德英伦联邦" data-index="6">
                                <div class="photo"><img src="https://qhyxpicoss.kujiale.com/fpimgnew/2016/05/K45H5LIKAEDGUF3IAAAAACY8_800x800.jpg@!480w"></div>
                                <div class="info">
                                    <div class="info-desc"><span>110㎡</span><span class="ml10"></span><span class="src-type j-src-type public">公用</span></div>
                                    <div class="area-desc ell"><i class="iconfont icon-addr"></i>四川 成都<span class="ml10">中德英伦联邦</span></div>
                                </div>
                                <div class="hx-mask"></div>
                            </div>

                            <div class="hx-item" href="javascript:;" data-planid="3FO4JGXYJHO4" data-planname="中德英伦联邦" data-index="7">
                                <div class="photo"><img src="https://qhyxpicoss.kujiale.com/fpimgnew/2016/05/K45H5LIKAEDGUF3IAAAAACI8_800x800.jpg@!480w"></div>
                                <div class="info">
                                    <div class="info-desc"><span>131㎡</span><span class="ml10">二居</span><span class="src-type j-src-type public">公用</span></div>
                                    <div class="area-desc ell"><i class="iconfont icon-addr"></i>四川 成都<span class="ml10">中德英伦联邦</span></div>
                                </div>
                                <div class="hx-mask"></div>
                            </div>

                            <div class="hx-item" href="javascript:;" data-planid="3FO4KDPM81AB" data-planname="中德英伦联邦" data-index="8">
                                <div class="photo"><img src="https://qhyxpicoss.kujiale.com/fpimgnew/2015/06/KWFXDKYKAEBKMMKCBY888888_800x800.jpg@!480w"></div>
                                <div class="info">
                                    <div class="info-desc"><span>196㎡</span><span class="ml10">四居</span><span class="src-type j-src-type public">公用</span></div>
                                    <div class="area-desc ell"><i class="iconfont icon-addr"></i>四川 成都<span class="ml10">中德英伦联邦</span></div>
                                </div>
                                <div class="hx-mask"></div>
                            </div>

                            <div class="hx-item" href="javascript:;" data-planid="3FO4KECEELYJ" data-planname="中德英伦联邦" data-index="9">
                                <div class="photo"><img src="https://qhyxpicoss.kujiale.com/fpimgnew/2016/08/20/K64EJWQK7PZCC4NKAAAAABI82344773reside_400x400.jpg@!480w"></div>
                                <div class="info">
                                    <div class="info-desc"><span>153㎡</span><span class="ml10">三居</span><span class="src-type j-src-type public">公用</span></div>
                                    <div class="area-desc ell"><i class="iconfont icon-addr"></i>四川 成都<span class="ml10">中德英伦联邦</span></div>
                                </div>
                                <div class="hx-mask"></div>
                            </div>

                            <div class="hx-item" href="javascript:;" data-planid="3FO4KECEEW0M" data-planname="中德英伦联邦" data-index="10">
                                <div class="photo"><img src="https://qhyxpicoss.kujiale.com/fpimgnew/2016/08/20/K64ELZIKUHQA4VZ3AAAAAAQ83937813reside_400x400.jpg@!480w"></div>
                                <div class="info">
                                    <div class="info-desc"><span>135㎡</span><span class="ml10">三居</span><span class="src-type j-src-type public">公用</span></div>
                                    <div class="area-desc ell"><i class="iconfont icon-addr"></i>四川 成都<span class="ml10">中德英伦联邦</span></div>
                                </div>
                                <div class="hx-mask"></div>
                            </div>

                            <div class="hx-item" href="javascript:;" data-planid="3FO4KECEEPBK" data-planname="中德英伦联邦" data-index="11">
                                <div class="photo"><img src="https://qhyxpicoss.kujiale.com/fpimgnew/2016/08/20/K64EJWAKOULTYKEBAAAAACY82586098reside_400x400.jpg@!480w"></div>
                                <div class="info">
                                    <div class="info-desc"><span>189㎡</span><span class="ml10">四居</span><span class="src-type j-src-type public">公用</span></div>
                                    <div class="area-desc ell"><i class="iconfont icon-addr"></i>四川 成都<span class="ml10">中德英伦联邦</span></div>
                                </div>
                                <div class="hx-mask"></div>
                            </div>

                            <div class="hx-item" href="javascript:;" data-planid="3FO4KECEESNL" data-planname="中德英伦联邦" data-index="12">
                                <div class="photo"><img src="https://qhyxpicoss.kujiale.com/fpimgnew/2016/08/20/K64EJUYKUHP5KFCXAAAAAEI82285765reside_400x400.jpg@!480w"></div>
                                <div class="info">
                                    <div class="info-desc"><span>113㎡</span><span class="ml10">三居</span><span class="src-type j-src-type public">公用</span></div>
                                    <div class="area-desc ell"><i class="iconfont icon-addr"></i>四川 成都<span class="ml10">中德英伦联邦</span></div>
                                </div>
                                <div class="hx-mask"></div>
                            </div>

                            <div class="hx-item" href="javascript:;" data-planid="3FO4KECEDQVA" data-planname="中德英伦联邦" data-index="13">
                                <div class="photo"><img src="https://qhyxpicoss.kujiale.com/fpimgnew/2016/08/20/K64ELZIKUHQA4VZ3AAAAAAI83239288reside_400x400.jpg@!480w"></div>
                                <div class="info">
                                    <div class="info-desc"><span>122㎡</span><span class="ml10">三居</span><span class="src-type j-src-type public">公用</span></div>
                                    <div class="area-desc ell"><i class="iconfont icon-addr"></i>四川 成都<span class="ml10">中德英伦联邦</span></div>
                                </div>
                                <div class="hx-mask"></div>
                            </div>

                            <div class="hx-item" href="javascript:;" data-planid="3FO4KECEDNJ9" data-planname="中德英伦联邦" data-index="14">
                                <div class="photo"><img src="https://qhyxpicoss.kujiale.com/fpimgnew/2016/08/20/K64EJWQK7PZCC4NKAAAAAAY82761782reside_400x400.jpg@!480w"></div>
                                <div class="info">
                                    <div class="info-desc"><span>179㎡</span><span class="ml10">四居</span><span class="src-type j-src-type public">公用</span></div>
                                    <div class="area-desc ell"><i class="iconfont icon-addr"></i>四川 成都<span class="ml10">中德英伦联邦</span></div>
                                </div>
                                <div class="hx-mask"></div>
                            </div>
                        </div>

                    </div>

                </div>
                <!--<div class="hot-history hide">
                    <div class="fp-search-hot">
                        <div class="hd">热门小区</div>
                        <div class="bd">
                            <a class="item" href="javascript:;">物华小区</a>
                            <a class="item" href="javascript:;">物华小区</a>
                            <a class="item" href="javascript:;">物华小区</a>
                            <a class="item" href="javascript:;">物华小区</a>
                            <a class="item" href="javascript:;">物华小区</a>
                            <a class="item" href="javascript:;">物华小区</a>
                            <a class="item" href="javascript:;">物华小区</a>
                            <a class="item" href="javascript:;">物华小区</a>
                            <a class="item" href="javascript:;">物华小区</a>
                            <a class="item" href="javascript:;">物华小区</a>
                        </div>
                    </div>
                    <div class="fp-search-history">
                        <div class="hd">最近搜索</div>
                        <div class="bd"></div>
                    </div>
                </div>-->
            </div>

        </div>
    </div>
</div>


<div class="login">
    <div class="login-box">
        <i class="cols"></i>
        <h2>
            登录
            <a href="#" class="click-register lick-hover">
                注册
            </a>
        </h2>
        <div class="login-input">
            <input type="text" name="" placeholder="请输入账号" />
            <i class="icon-user" yClass="icon-user-1"></i>
        </div>
        <div class="login-input">
            <input type="password" name="" placeholder="请输入密码" />
            <i class="icon-pwsd" yClass="icon-pwsd-1"></i>
        </div>
        <p class="error-box">
            <i></i>账号或密码错误
            <a href="#">
                忘记密码？
            </a>
        </p>

        <button class="login-bt">
            登录
        </button>
    </div>
</div>

<div class="login register">
    <div class="login-box">
        <i class="cols"></i>
        <h2>
            注册
            <a href="#" class="click-login lick-hover">
                登录
            </a>
        </h2>
        <div class="login-input warning">
            <input type="text" name="" placeholder="请输入手机号" value="13856458978" />
            <i class="icon-user" yClass="icon-user-1"></i>
        </div>
        <div class="login-input">
            <input type="password" name="" placeholder="请设置密码" />
            <i class="icon-pwsd" yClass="icon-pwsd-1"></i>
        </div>
        <div class="login-input phone-number">
            <input type="text" name="" placeholder="请输入手机验证码" value="" />
            <i class="icon-number" yClass="icon-number-1"></i>
            <button>
                发送验证码
            </button>
        </div>
        <p class="error-box">
            <i></i>账号或密码错误
        </p>
        <p class="agreement">
            <i><input type="checkbox" name="" checked /></i>已阅读并同意<a href="#" target="_blank">《蓝光优居用户使用协议》</a>
        </p>
        <button class="login-bt">
            注册
        </button>
    </div>
</div>

</body>
<script src="js/app.js"></script>
</html>